<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>博客</title>
    <link rel="stylesheet" href="../static/css/elementui.css">
    <!-- 引入图标 -->
    <link rel="shortcut icon" href="../static/img/favicon.ico" type="image/x-icon">
</head>

<body background="../static/img/background.png">
<div id="app">


<div class="loginform">
    <el-form ref="form" :model="form" label-width="80px">
        <el-form-item style="text-align: center">
            <b style="color:darkgrey;width: 200px;height: 100px;font-size: 40px">microblog</b>
        </el-form-item>
        <el-form-item label="账号" >
            <el-input v-model="user.id"></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="pass">
            <el-input type="password" v-model="user.password" auto-complete="off"></el-input>
        </el-form-item>
        <el-form-item style="text-align: center">
            <el-button type="primary" @click="submit">
                    登录
            </el-button>
            <el-button>
                <a href="register.html"class="deleteLinkStyle">
                    注册
                </a>
            </el-button>
        </el-form-item>
    </el-form>
</div>


</div>
</body>

<!-- 引入vue和elementUI所需配置文件 -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
<script src="../static/js/vuejs-2.5.16.js"></script>
<script src="../static/js/elementui.js"></script>
<script src="../static/js/axios.js"></script>
<!-- util.js文件 -->
<script type="text/javascript" src="../static/js/util.js"></script>
<!-- 引入index.js文件-->
<script type="text/javascript" src="../static/js/login.js"></script>
 <!--引入index.css文件-->
<style>
    @import "../static/css/microblog.css";
</style>


</html>
